<script type="text/javascript" src="/back/js/plugins/jquery.alerts.js"></script>
<script type="text/javascript" src="/back/js/my/get_categories.js"></script>
<!-- Redactor is here -->
<link rel="stylesheet" href="/back/redactor/redactor.css" />
<script src="/back/redactor/redactor.js"></script>

<script type="text/javascript">
    $(document).ready(function($) {
        $("#datepicker_start").datepicker();
        $("#datepicker_end").datepicker();
        $('.hint').click(function() {                        
            var textDiv = $(this).attr('text-div');            
            jAlert($('#'+textDiv).html(), 'Подсказка');
            return false;
        });      
        $('#announcement_text').redactor({
            minHeight: 300,            
            deniedTags: ['image', 'object', 'iframe'],
            buttons: ['html', '|', 'formatting', '|', 'bold', 'italic', 'deleted', '|',
                    'unorderedlist', 'orderedlist', 'link', '|',
                    'fontcolor', 'backcolor', '|', 'alignment', '|', 'horizontalrule']
        });     
    });         
</script>

<style>
    #error {
        color: red;
        font-size: 20px;
    }
    .div_hints {
        display: none;
    }
    .hint {
        color: blue;
    }
</style>

<div class="centercontent">
    <div class="pageheader">
        <h1 class="pagetitle">Создание объявления</h1>         
    </div>    

    <form class="stdform" action="" id="post_form" method="post">
            <?php if ($this->departments): ?>
                <p>
                    <label><a href="#" text-div="department_hint" class="alerthtmlbutton hint">Кафедра</a></label>
                    <span class="field">
                        <select name="department">                                                  
                            <?php foreach ($this->departments as $department): ?>                        
                                <option value="<?php echo $department['id']; ?>">
                                    <?php echo $department['name']; ?>
                                </option>
                            <?php endforeach; ?>
                        </select>                            
                    </span>
                </p>
            <?php endif; ?> 
            <p>                
                <label><a href="#" text-div="category_hint" class="alerthtmlbutton hint">Категории</a></label>                
                <span class="field">
                    <select name="category" multiple="multiple" size="10" content="true">                      
                    </select>                            
                </span>
            </p>
            <p>
                <label><a href="#" text-div="title_hint" class="alerthtmlbutton hint">Заголовок</a></label>
                <span class="field"><input type="text" name="title" class="mediuminput" /></span>
            </p>  
            <p>
                <label><a href="#" text-div="text_hint" class="alerthtmlbutton hint">Текст объявления</a></label>
                <span class="field">
                    <textarea cols="80" rows="5" id="announcement_text" class="longinput"></textarea>
                </span> 
            </p> 
            <p>
                <label><a href="#" text-div="on_main_hint" class="alerthtmlbutton hint">Разместить на главной</a></label>
                <span class="field">
                    <input type="checkbox" name="on_main" />
                </span> 
            </p> 
            <p>
                <label><a href="#" text-div="date_start_hint" class="alerthtmlbutton hint">Дата старта</a></label>
                <span class="field">
                    <input id="datepicker_start" type="text" name="date_create" class="width100" /> 
                </span>
            </p> 
            <p>
                <label><a href="#" text-div="date_end_hint" class="alerthtmlbutton hint">Дата окончания</a></label>
                <span class="field">
                    <input id="datepicker_end" type="text" name="date_create" class="width100" /> 
                </span>
            </p> 
            <p class="stdformbutton">
                <button id="submit_button" class="submit radius2">Добавить объявление</button>
            </p>
    </form>
    <div class="div_hints">
            <p id="department_hint">
                От выбора кафедры зависит выбор категорий ниже.<b>Выбор кафедры обязателен.</b>
            </p>
            <p id="category_hint">
                В выбранных категориях будет появляться публикуемое объявление.<b>Выбор хотя бы одной категории обязателен.</b>
            </p> 
            <p id="title_hint">
                Заголовок объявления
            </p>          
            <p id="text_hint">
                Основной текст объявления.Должен содержать не более <b>255</b> символов.Для того чтобы разместить большое объявление на главной сайта -- обращайтесь к администратору.
            </p>  
            <p id="on_main_hint">
                bla bla bla
            </p>      
            <p id="date_start_hint">
                Дата, с которой начнется показ объявления.Если оставь это поле пустым, то объявление начнет показываться с сегодняшнего дня.
            </p>         
            <p id="date_end_hint">
                Дата, после которой объявление перестанет показываться.Если оставить это поле пустым - то объявление будет показываться неделю.<b>Можно продлевать дату при редактировании объявления</b>
            </p>             
        </div>                        
</div>